<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maquetado de proyecto ARCAS</title>
<link rel="stylesheet" type="text/css" >
</head>
<body class="coleccion coleccion-puig">
<div id="container">
	<div id="header">
		<ul class="menu">
			<li><a href="#">ACERCA DE ARCAS</a></li>		
			<li><a href="#">COLECCIONES</a></li>		
			<li><a href="#">EXHIBICIONES</a></li>		
			<li><a href="#">CONTACTO</a></li>		
			<li class="login"><a href="#">INICIAR SESION</a></li>		
		</ul>
		<h1 class="tituloPrincipal"><a href="index.html">ARCA</a></h1>
		<div class="buscador">
			<form>	
				<input type="text" name="buscar" value="Buscar" />
			</form>		
		</div>
		<div class="breadcrumb">
			<a href="#">INICIO</a> <span>::</span> <a href="#">Exhibici&oacute;n</a> <span>::</span> <a href="#">Manuel Puig y las cartas desde Nueva York</a>
		</div>
		<div class="clr"></div>	
	</div>

	<div id="presentacionColeccion">
		<div class="tituloColeccion">
			<span class="subtituloColeccion">COLECCION</span>
			<h2>Manuel<br />Puig</h2>	
			<div class="clr"></div>
		</div>
		<div class="busquedaColeccion ">

			<form>
				<select>
					<option>Navegar Fuentes</option>			
				</select>	

				<input type="text" name="buscar" value="Buscar en la coleccion" />
				</form>		
			<div class="clr"></div>	
		</div>
		<div class="clr"></div>	
	</div>
	<div id="contenido">
		<div id="contenedorColumnas">
			<div class="columnaIzquierda">
				<div class="acerca">
					<h4>Acerca de esta coleccion</h4>	
					<p>texto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto textotexto texto texto</p>	
					<div class="pie">
						<a href="#">(+) sobre esta colecci&oacute;n</a>				
					</div>	
				</div>				
				<div class="coordinador">
					<img src="images/horacioPrekel.jpg" />
					<div class="datos">
						<div class="contacto"><a href="mailto:mail@mail.com"><img src="images/mail.gif" /></a><a href="#" class="cv">cv</a></div>
						<span>Coordinador de la Colecci&oacute;n</span>
						<h4>Horacio A. Prekel</h4>		
					</div>
					<div class="clr"></div>		
				</div>
				<div class="recomendacion">

					<div class="listadoRecomendacion">
						<div class="top">
							<div class="solapa activa">Estudios</div>
							<div class="solapa">Proyectos</div>	
							<div class="clr"></div>
						</div>
						<div class="centro">
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
							<div class="bloque">
								<span class="tipo">(ARTICULO)</span>	
								<span class="autores">Forasteli, Fabrici</span>		
								<a href="#">Puig por Puig. Imágenes de un escritor. <span>Orbis Tertius 2007 12/13</span></a>	
							</div>	
						</div>	
					</div>	
				</div>	
				<div class="bannerExhibicion exhibicionPuig">
					<a href="#"><img src="images/bannerExhibicionPuig.jpg" /></a>
				</div>
				<div class="licencia">
					<a rel="license" target="_blank" 
					href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
					<img alt="Licencia Creative Commons" 
					style="border-width:0" 
					src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
					</a><p>Esta obra está bajo una <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">Licencia Creative Commons Atribución-NoComercial-CompartirIgual 4.0 Internacional</a></p>
					
					<div class="clr"></div>
				</div>	
				</div>
				<div class="columnaDerecha">

				<div class="galeriaImagenes galeriaBox">
					<div class="botonera">
						<a href="#" class="anterior"><img src="images/anterior.png"></a>&nbsp;	
						<span>GALERIA DE IMAGENES</span>	&nbsp;
						<a href="#" class="siguiente"><img src="images/siguiente.png"></a>		
						<div class="clr"></div>			
					</div>	
					<div class="imagenes">
						<img src="images/img1.jpg" />
						<img src="images/img2.jpg" />
						<img src="images/img3.jpg" />
						<img src="images/img4.jpg" />
						<img src="images/img5.jpg" />
						<img src="images/img1.jpg" />
						<img src="images/img2.jpg" />
						<img src="images/img3.jpg" />
						<img src="images/img4.jpg" />
						<img src="images/img3.jpg" />
						<img src="images/img4.jpg" />
						<img src="images/img5.jpg" />				
					</div>			
				</div>

				<div class="biografia">
					<h4>BREVE BIOGRAFIA</h4>
					<p>Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca </p>
					<p>Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca Texto por aca </p>
					<div class="pie">
						<a href="#">(+) sobre su vida</a>					
					</div>
				</div>

				<div class="produccion">
					<h4>PRODUCCION LITERARIA Y CINEMATOGRAFICA</h4>		
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
					<div class="bloque">
						<span class="fechaTipo">1956 - Libro</span>
						<a href="#">Pubis angelical</a>
					</div>	
	
				
				</div>

			</div>
						






			
	

			

			<div class="clr"></div>	

		</div>
		

		


	

	</div>

	
	<div id="pie">
		<div class="licencia">
			<span>ARCAS</span>
				<img src="img/pie_sociales.gif" />
		</div>
		<div class="links">
		<ul >
			<li><a href="#">ACERCA DE ARCAS</a></li>
			<li><a href="#">COLECCIONES</a></li>
			<li><a href="#">COLECCIONES</a></li>
			<li><a href="#">COLECCIONES</a></li>
			<li><a href="#">COLECCIONES</a></li>
			<li><a href="#">COLECCIONES</a></li>
		</ul>
		<a rel="license" target="_blank" 
					href="http://creativecommons.org/licenses/by-nc-sa/4.0/">
					<img alt="Licencia Creative Commons" 
					style="border-width:0" 
					src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
					</a>
		</div>
        <div class="central">
            <a href="//www.bibhuma.fahce.unlp.edu.ar/" title="Sitio de BIBHUMA " target="_blank"><img alt="" src="img/logo100.jpg" />	</a>
            <a href="//www.memoria.fahce.unlp.edu.ar/" target="_blank" class="itemLink"><img src="img/logoMemoria.gif" alt="Memoria Académica"/></a>
        </div>
		<div class="logos">
			<a href="//www.fahce.unlp.edu.ar" target="_blank"><img src="img/fahce_pie.gif" />	</a>
            <a class="logoIdihcs" href="//www.fahce.unlp.edu.ar/idihcs/" title="Página del IDIHCS"  target="_blank"><img alt="" src="img/logoIdiHCS.gif" />	</a>
		</div>
		<p class="institucional">
            Calle 51 e/ 124 y 125  |  (1925) Ensenada  |  Buenos Aires  |  Argentina<br />
            Teléfonos: +54 221 4236671/73/75 int 1162<br />
            Correo-e: bibhuma@fahce.unlp.edu.ar 
            </p>
		<div class="clr"></div>
	</div>
	<div id="final"><a href="http://www.plone.org" class="plone" target="_blank">
		<img src="img/bg_plone_full.gif" /></a>
	</div>

</div>
</body>
</html>
